﻿<%@ Page Language="C#"  MasterPageFile="~/Templates/Application.master" AutoEventWireup="true" CodeFile="post.aspx.cs" Inherits="Club_post" Title="俱乐部话题 - clubof.net" %>
<%@ Register TagPrefix="FrienDev" TagName="ClubPostsListControl" Src="../Controls/Club/ClubPostsList.ascx" %>
<%@ Register TagPrefix="FrienDev" TagName="MessageBoard" Src="~/Controls/Club/PostBoard.ascx" %>
<%@ Register src="../Controls/Club/NavigatorBar.ascx" tagname="NavigatorBar" tagprefix="FrienDev" %>

<asp:Content ID="Content_Head" ContentPlaceHolderID="head" Runat="Server">
    <link href="../CSS/homepage.css" rel="Stylesheet" type="text/css" />
    <link href="../CSS/default.css" rel="Stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content_Middle" ContentPlaceHolderID="ContentPlaceHolder" Runat="Server">
<script type="text/javascript">
    function area_show(index) {
        for (var i = 1; i <= 3; i++) {
            if (document.getElementById("show" + i.toString()) != null) {
                document.getElementById("show" + i.toString()).style.display = 'none';
            }
            if (document.getElementById("li" + i.toString()) != null) {
                document.getElementById("li" + i.toString()).className = 'showli';
            }
        }
        document.getElementById("show" + index.toString()).style.display = 'block';
        document.getElementById("li" + index.toString()).className = 'showli_click';
    }

    function area_showinfo(index) {
        for (var i = 1; i <= 4; i++) {
            if (document.getElementById("showinfo" + i.toString()) != null) {
                document.getElementById("showinfo" + i.toString()).style.display = 'none';
            }
            if (document.getElementById("infoli" + i.toString()) != null) {
                document.getElementById("infoli" + i.toString()).className = 'infoli';
            }
            if (document.getElementById("icon" + i.toString()) != null) {
                document.getElementById("icon" + i.toString()).className = 'icon';
            }
        }
        document.getElementById("showinfo" + index.toString()).style.display = 'block';
        document.getElementById("infoli" + index.toString()).className = 'infoli_click';
        document.getElementById("icon" + index.toString()).className = 'icon_click';
    }

    var request = {
        QueryString: function(val) {
            var uri = window.location.search;
            var re = new RegExp("" + val + "=([^&?]*)", "ig");
            return ((uri.match(re)) ? (uri.match(re)[0].substr(val.length + 1)) : null);
        }
    }
</script>
<div>


<div>
    <div style="width:100%">
        <div style="position:absolute;top:15px;left:30px;font-weight:bold;">
            <span id="sp_ClubName" style="font-size:18px;color:#34567e">
                <img src="/Images/clubicon.png"/>
                俱乐部：<asp:Literal ID="lt_ClubName" runat="server"></asp:Literal>
            </span>
        </div>
        <div style="padding-top:46px; padding-left:15px;">
            <FrienDev:NavigatorBar ID="NavigatorBar1" runat="server" />
            <div class="ParentSonDiv"></div>
        </div>
    </div>
 <asp:Panel runat="server" ID="pn_Privacy" Visible="false">
                    <div style="border: dashed 1px #cccccc; width: 70%; background-color: #EEEEEE; margin-left: 80px;
                        margin-top: 60px;margin-bottom: 60px; height: 50px; font-size: 14px; padding-top: 16px; padding-left: 5px;">
                        <table width="100%">
                            <tr>
                                <td>
                                    <img src="../../Images/Lock.png" width="26px" height="31px" />
                                </td>
                                <td>
                                    只有成为俱乐部正式成员，才能查看。
                                </td>
                            </tr>
                        </table>
                    </div>
</asp:Panel>   
 <asp:Panel ID="pn_PostContent" runat="server">
    <div style="padding-top: 17px; padding-left: 14px;">
        <div id="show1">
            <table width="100%">
                <tr>
                    <td>
                        <ul class="showul" type="none">
                            <li onclick="area_showinfo(1);" class="infoli_click" id="infoli1">
                                <div id="icon1" class="icon_click">
                                </div>
                                <a href="#" class="font14">最新话题</a></li>
                            <li onclick="area_showinfo(2);" class="infoli" id="infoli2">
                                <div id="icon2" class="icon">
                                </div>
                                <a href="#" class="font14">发表话题</a></li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="showinfo1" style="text-align: left;">
                            <FrienDev:ClubPostsListControl runat="server" ID="cpl_AllList" />
                        </div>
                        <div id="showinfo2" style="display: none; text-align: left;">
                            <FrienDev:MessageBoard runat="server" ID="Control_MessageBoard2" />
                        </div>
                       
                    </td>
                </tr>
            </table>
        </div>
         
      </div>
 </asp:Panel>
</div> 
</div>
</asp:Content>
